<include file="Common/header"/>

<div class="met-position  pattern-show">
	<div class="container">
		<div class="row">
			<ol class="breadcrumb">
				<li>
					<a href="{:U('Home/Index/index')}" title="首页">
						<i class="icon wb-home" aria-hidden="true"></i>首页
					</a>
				</li>
				
				<li class="dropdown">
					<a href="{:U('Home/Product/product')}">产品中心</a>
				</li>

				<li class="dropdown">

					<a href="#" title="床品">
						{$showproduct.cat_name}
					</a>

				</li>


			</ol>
		</div>
	</div>
</div>

<div class="page met-showproduct pagetype1 animsition">

<div class="met-showproduct-head">
    <div class="container grey-box">
        <div class="row">
            <div class="col-md-7">
                <div class='met-showproduct-list text-center fnGallery slick-dotted' id="met-imgs-carousel"><!--兼容商城V3-->
                        <div class='slick-slide lg-item-box' data-src="__UPLOAD__{$showproduct.pro_img1}" data-exthumbimage="__UPLOAD__{$showproduct.pro_img1}">
                            <span>
                                <img src="__UPLOAD__{$showproduct.pro_img1}" data-src='__UPLOAD__{$showproduct.pro_img1}' class="img-responsive" alt="{$showproduct.pro_name}" /><!--兼容商城V3-->
                            </span>
                        </div>

                        <div class='slick-slide lg-item-box' data-src="__UPLOAD__{$showproduct.pro_img2}" data-exthumbimage="__UPLOAD__{$showproduct.pro_img2}">
                            <span>
                                <img src="__UPLOAD__{$showproduct.pro_img2}" data-src='__UPLOAD__{$showproduct.pro_img2}' class="img-responsive" alt="{$showproduct.pro_name}" /><!--兼容商城V3-->
                            </span>
                        </div>

                </div>
            </div>
            <div class="visible-xs-block visible-sm-block height-20"></div>
            <div class="col-md-5 product-intro">
                <h1>{$showproduct.pro_name}</h1>
                <p class="description"> {$showproduct.pro_introduction}</p>

				<div class="tools"></div>

            </div>
        </div>
    </div>
</div>

	<div class="met-showproduct-body">
		<div class="container">
			<div class="row no-space">
				<div class="col-md-9 product-content-body">
					<div class="row">

					<div class="panel product-detail">
						<div class="panel-body">
							<ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
								<li class="active"><a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a></li>

								<li><a data-toggle="tab" href="#product-content1" data-get="product-content1">产品参数</a></li>

							</ul>
							<div class="tab-content">
								<div class="tab-pane met-editor lazyload clearfix  active" id="product-details">
									<div><p>{$showproduct.pro_details}</p><p><span style="font-size: 13px; color: rgb(63, 63, 63);"></span></p><p><img class="imgloading" height="200" data-original="__UPLOAD__{$showproduct.pro_img1}" style="" title="1505459621.jpg"/ alt="图片关键词" width="100%"></p><p><img class="imgloading" height="200" data-original="__UPLOAD__{$showproduct.pro_img2}" style="" title="1505460115.jpg"/ alt="图片关键词"></p><p><span style="font-size: 13px; color: rgb(63, 63, 63);"><br/></span><br/></p><div id="metinfo_additional"></div></div>
								</div>

								<div class="tab-pane met-editor lazyload clearfix " id="product-content1">
									<p>{$showproduct.pro_parameter}</p>
									<img src="__UPLOAD__{$showproduct.pro_img1}" width="100%" />
								</div>

							</div>
						</div>
					</div>

					</div>
				</div>

				<!--右侧开始-->
				<div class="col-md-3">
					<div class="row">
						<div class="panel product-hot">
							<div class="panel-body">
								<h4 class="example-title">热门推荐</h4>
								<ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale='1'>
									<foreach name="product" item="v">
									<li>
										<a href="{:U('Home/showproduct/showproduct/pro_id/'.$v['pro_id'])}" target="_blank" class="img" title="{$v.pro_name}">
											<img data-original="__UPLOAD__{$v.pro_img1}" class="cover-image" style='height:200px;' alt="{$v.pro_name}">
										</a>
										<a href="#" target="_blank" class="txt" title="{$v.pro_name}">{$v.pro_name}</a>
										
									</li>
									</foreach>
									
								</ul>
							</div>
						</div>
					</div>
				</div>
				<!--右侧结束-->

			</div>
		</div>
	</div>
</div>

<include file="Common/footer"/>